.plugin-shell {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;

  .plugin-status {
    padding: 1rem;
    margin: 1rem;
    border-radius: 0.5rem;
    background-color: rgba($theme-base, 0.08);
    color: $text-dark;
    font-size: 0.9rem;

    li {
      line-height: 1.5;
    }

    a {
      text-decoration-line: underline;
    }
  }

  .isolated-plugin-view {
    width: 100%;
    height: 100%;

    >iframe {
      width: 100%;
      height: 100%;
      border: none;
    }
  }

  .gutter:before {
    position: absolute;
    content: '';
    height: 1px;
    width: 100%;
    top: -1px;
    background-color: var(--border-color);
  }

  .bottom-panel {
    overflow: auto;
    display: flex;
    flex-direction: column;
  }

  .hidden-panel {
    visibility: hidden;
  }

  .message.empty {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .result-table {
    height: 100%;
  }
}
